//1. 将Vue-router注册为vue的插件
import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter)

import routes from "../routes/routes"

//4. 定义路由器
const router = new VueRouter({
  //5. 在路由器中注册路由
  routes,
  /*
    hash模式
      http://localhost:8080/#/about 不管什么形式进行路由跳转都是不会刷新界面的
                                    因为#后面的内容产生改变 浏览器是捕捉不到的
                                    所以不会发生http请求;所以很多前端数据都到不了后台
    history模式
      http://localhost:8080/about  如果使用router-link的形式进行跳转界面是不会刷新的
                                    但是请求会发生;所以很多前端数据可以到达后台的
                                   如果使用直接在地址栏输入url 或者 使用a标签 不光界面会
                                    刷新 请求也会发送

    我们使用路由的最终目标: 界面不刷新 请求照样发送
 */
  mode:"history",
  //当url和对应的路由产生一种模糊匹配的关系时;对应的router-link上就会加上linkActiveClass指定的值
  //一级路由的命名要符合规范  /about   /about/a
  linkActiveClass:"active",
  //当url和对应的路由产生一种精确匹配的关系时;对应的router-link上就会加上linkExactActiveClass指定的值
  // linkExactActiveClass:"active"
})

export default router
